<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
  <!-- Bootstrap -->
  <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap/owl.carousel.css" rel="stylesheet">
  <link href="css/bootstrap/owl.theme.css" rel="stylesheet">
  <link href="css/bootstrap/owl.transitions.css" rel="stylesheet">
  <link href="css/bootstrap/style.css" rel="stylesheet">
  <link href="css/bootstrap/config.css" rel="stylesheet">
  <script src="lib/bootstrap/modernizr.custom.63321.js"></script>
  <script src="lib/bootstrap/jquery-3.2.1.js"></script>
  <script src="js/bootstrap/dist/js/sweetalert.min.js"></script>
<jsp:include page="/WEB-INF/jsp/public/meta.jsp"></jsp:include>
<jsp:include page="/WEB-INF/jsp/public/taglib.jsp"></jsp:include>
<style type="text/css">
        #titleUl li{
           margin-top: -13px;
           color: #FFFFFF;
        }
    
        .layui-nav li{
            color: black;
        }
        .layui-tab-title li{
            background-color: #FD638F;
            color: white;
        }
       /*  #layui-nav li{
            width: 80px;
        } */
</style>
</head>
<body>

<jsp:include page="/WEB-INF/jsp/front/header.jsp"/>	

<section id="content">
<div class="container" style="width: 1145px;margin-left: 370px;">
	<input type="hidden" id="uid" value="${qtUser.uid }">
	<ol class="breadcrumb">
      <li><a href="#">Home</a></li>
      <li>Shopping Orders</li>
    </ol>

    <h1 class="page-title">订单</h1>
    
	<div class="layui-tab" lay-filter="ordersTypeTab" style="margin-left: 10px;">
	  <ul class="layui-tab-title" id="ordersMeau">
	    <li class="layui-this">全部订单</li>
	    <li>待支付</li>
	    <li>已支付</li>
	    <li>已完成</li>
	    <li>已评价</li>
	  </ul>
	</div>
	<hr class="layui-bg-red">
	<!-- 订单标题 -->
	<ul class="layui-nav" style="height: 30px;" id="titleUl">
	  <li class="layui-nav-item" style="margin-left: 2%">订单编号</li>
	  <li class="layui-nav-item" style="margin-left: 8%">生成时间</li>
	  <li class="layui-nav-item" style="margin-left: 8%">订单价格</li>
	  <li class="layui-nav-item" style="margin-left: 13%">地址</li>
	  <li class="layui-nav-item" style="margin-left: 24%">状态</li>
	  <li class="layui-nav-item" style="margin-left: 15%">操作</li>
	</ul>
	
	<!-- 订单内容--流容器 -->
	<div id="flowDiv">
		<div class="related" style="margin-top: -0.2%;" id="ordersDiv">
			<div class="layui-collapse" lay-filter="test"></div>
		</div>
	</div>
	
	<!-- 评价订单 -->
	<div id="ordersEvalauteDiv" style="display: none;">
		<form class="layui-form" id="ordersEvalauteForm">
			<h2 align="center" style="margin-top: 10px;">订单评价</h2>
			
			<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">价格评价：</label>
			<div id="test1"></div><br>
			
			<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">服务评价：</label>
			<div id="test2"></div><br>
			
			<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">整体评价：</label>
			<div id="test3"></div><br>
			
	   		<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">评价内容：</label>
			<textarea name="oeContent" placeholder="请输入您对商品的详细评价。" cols="30" rows="7"></textarea>
			
			<input id="oePrice" name="oePrice" value="" type="hidden">
			<input id="oeServer" name="oeServer" value="" type="hidden">
			<input id="oeOverall" name="oeOverall" value="" type="hidden">
		
			<div style="margin-top: 20px;margin-left: 120px;">
		        <button class="layui-btn" lay-submit="" lay-filter="subOrdersEvalaute">提交</button>
		        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</form>
	</div>
	
	<!-- 评价订单 -->
	<div id="goodEvalauteDiv" style="display: none;">
		<form class="layui-form" id="goodEvalauteForm">
			<h2 align="center" style="margin-top: 10px;">商品评价</h2>
			
			<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">价格评价：</label>
			<div id="test4"></div><br>
			
			<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">服务评价：</label>
			<div id="test5"></div><br>
			
			<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">整体评价：</label>
			<div id="test6"></div><br>
			
	   		<label class="layui-elem-field layui-field-title" style="margin-left: 50px;margin-top: 20px;">评价内容：</label>
			<textarea name="geContent" placeholder="请输入您对商品的详细评价。" cols="30" rows="7"></textarea>
			
			<input id="gePrice" name="gePrice" value="" type="hidden">
			<input id="geServer" name="geServer" value="" type="hidden">
			<input id="geOverall" name="geOverall" value="" type="hidden">
		
			<div style="margin-top: 20px;margin-left: 120px;">
		        <button class="layui-btn" lay-submit="" lay-filter="subGoodEvalaute">提交</button>
		        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</form>
	</div>
	
</div>
</section>
<jsp:include page="/WEB-INF/jsp/front/leftCar.jsp"/>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="lib/bootstrap/bootstrap.min.js"></script>
<script src="lib/bootstrap/owl.carousel.min.js"></script>
<script src="lib/bootstrap/jquery.jpanelmenu.min.js"></script>
<script src="lib/bootstrap/jquery.catslider.js"></script>
<script src="lib/bootstrap/main.js"></script>
<script src="js/front/orders.js"></script>
</body>
</html>